// axios封装
// 1.使用create方法实例化 baseURL + 接口超时时间
// 2.请求拦截器 token注入 request headers
// 3.响应拦截器
//  token 失效 401 跳转到登录页
// 当接口妇女会的状态不是以http200作为接口是否成功的判断调价
// 而是以一个自定义的字段作为判断条件
import axios from 'axios'
const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
  timeout: 5000
})
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
// http状态码 200 - 300 2xx 代表接口是OK的 走第一个回调函数
// http状态码 不在200-300之间 代表接口是错误的  走第二个回调函数

// http状态码是由后端来控制的 如果当前后端接口已经报错 但是依旧返回的是http200的状态码
// 此时会走第一个回调 需要前端根据自定义的状态码 success手动抛出错误
instance.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  return response
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  return Promise.reject(error)
})
// 定义一个请求方法 可以根据method自动适配参数名称
function request(url, method, reqData) {
  instance({
    url,
    method,
    [method.toUpperCase() === 'GET' ? 'params' : 'data']: reqData
  })
}

export default request
